@import "variables";
seed-haggle{
  .wrap{
    width: 100%;
    min-height: 120%;
    padding: pxTorem(520) pxTorem(40) pxTorem(320);
    color: #FFD9D6;
    position: relative;
    background: url(#{$images-path}/haggle/haggle_bg.png) no-repeat top center/contain #5203d0;
    background-size: 100%;
  }

  .haggle-bottom{
    width: 100%;
    height: pxTorem(249);
    position: absolute;
    left: 0;
    bottom: 0;
    .haggle-bottom-bg{
      width: pxTorem(504);
      height: pxTorem(249);
      background: url(#{$images-path}/haggle/haggle_bottombg.png) no-repeat center center/cover;
    }

  }

  .haggle-item{
    padding: pxTorem(24) pxTorem(30);
    background: rgba(67,0,166,0.8);
    border-radius: pxTorem(20);
    .haggle-goods-img{
      display: block;
      width: pxTorem(160);
      height: pxTorem(160);
    }
    #seed-lazyload-img,img-box{
      width: 100%;
      height: 100%;
    }
    .haggle-goods-info{
      height: pxTorem(160);
      font-size: pxTorem(28);
      line-height: pxTorem(36);
      margin-left: pxTorem(30);
      .haggle-goods-name{
        color: color($h5,c10);
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
      }
/*      .haggle-sku-name {
        display: block;
        margin-top: pxTorem(10);
        @include text-overflow-percent-ellipsis(100%);
        font-size: pxTorem(24);
        line-height: pxTorem(24);
        color: color($h5,c3);
      }*/
      .haggle-goods-price{
        font-size: pxTorem(24);
        color: #E5D4FF;
        margin-bottom: pxTorem(15);
      }
    }
  }
  .haggle-sum,.haggle-countdown{
    margin-bottom: pxTorem(30);
    text-align: center;
  }
  .haggle-sum{
    margin-top: pxTorem(50);
    font-size: pxTorem(30);
    span{
      font-size: pxTorem(50);
    }
  }
  .haggle-countdown{
    font-size: pxTorem(32);
    line-height: pxTorem(66);
    span{
      display: block;
      margin: 0 pxTorem(10) 0;
      width: pxTorem(66);
      height: pxTorem(66);
      background: #7301d0;
      border-radius: pxTorem(5);
    }
  }
  .countdown-top{
    margin-top: pxTorem(50);
  }
  .haggle-status-wrap{
    button{
      margin: 0;
      padding: 0;
      font-size: pxTorem(38);
      line-height: pxTorem(38);
      text-align: center;
      color: color($h5,c10);
    }
    .haggle-status1,.haggle-status5,.haggle-status6{
      width: pxTorem(552);
      height: pxTorem(101);
    }
    .haggle-status2,.haggle-status3,.haggle-status4{
      width: pxTorem(289);
      height: pxTorem(101);
    }
    .haggle-status1{
      background: url(#{$images-path}/haggle/haggle_start.png) no-repeat center center/cover;
    }
    .haggle-status2{
      margin-right: pxTorem(20);
      background: url(#{$images-path}/haggle/haggle_aid.png) no-repeat center center/cover;
    }
    .haggle-status3{
      background: url(#{$images-path}/haggle/haggle_apply.png) no-repeat center center/cover;
    }
    .haggle-status4{
      margin-right: pxTorem(20);
      background: url(#{$images-path}/haggle/haggle_reissue.png) no-repeat center center/cover;
    }
    .haggle-status5{
      margin-top: pxTorem(50);
      background: url(#{$images-path}/haggle/haggle_finish.png) no-repeat center center/cover;
    }
    .haggle-status6{
      background: url(#{$images-path}/haggle/haggle_notstarted.png) no-repeat center center/cover;
    }

  }
  .haggle-explain,.haggle-ace{
    border: pxTorem(3) solid rgba(255,255,255,0.5);
    border-radius: pxTorem(20);
    position: relative;
  }
  .haggle-explain{
    margin-top: pxTorem(60);
    font-size: pxTorem(30);
    line-height: pxTorem(60);
    padding: pxTorem(60) pxTorem(40) ;
  }
  .explain-title,.haggle-ace-title{
    position: absolute;
    top: pxTorem(-32);
    left: pxTorem(60);
    background: #5104d0;
    font-size: pxTorem(32);
    color: color($h5,c10);
  }

  .haggle-ace{
    margin-top: pxTorem(70);
    font-size: pxTorem(24);
    color: #ffdf9c;
    line-height: pxTorem(40);
    padding: pxTorem(60) pxTorem(40) pxTorem(30);
    ul li {
      margin-bottom: pxTorem(45);
      &:last-of-type{
        margin-bottom: 0 ;
      }
    }

    .haggle-ace-title{
      top: pxTorem(-22);
    }
    .username{
     @include text-overflow-ellipsis(245);
    }
  }

  .arrow-left{
    display: block;
    width: 0;
    height: 0;
    border-style: dashed dashed dashed solid;
    border-color: transparent transparent transparent rgba(255,255,255,0.5);
    border-width: pxTorem(16);
  }
  .arrow-right{
    display: block;
    width: 0;
    height: 0;
    border-style: dashed solid dashed dashed;
    border-color: transparent rgba(255,255,255,0.5) transparent transparent;
    border-width: pxTorem(16);
  }

  .seed-modal-dialog{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  // 弹框-助力成功
  .haggle-alert{
    width: pxTorem(546);
    height: pxTorem(500);
    background: color($h5,c10);
    border-radius: pxTorem(22);
    position: relative;
    .haggle-ace-bg{
      width: 100%;
      height: pxTorem(139);
      background: url(#{$images-path}/haggle/haggle_succeed.png) no-repeat top center/cover;
    }
    .person-bg{
      display: block;
      width: pxTorem(148);
      height: pxTorem(309);
      position: absolute;
      top: pxTorem(-90);
      left: 0;
      background: url(#{$images-path}/haggle/haggle_person.png) no-repeat top center/cover;
    }
    p{
      font-size: pxTorem(40);
      color: #333333;
      text-align: center;
      margin: pxTorem(100) 0 pxTorem(90);
      .haggle-price{
        font-size: pxTorem(50);
        color: #ff5a4b;
      }
    }
    button{
      width: pxTorem(405);
      height: pxTorem(90);
      padding: 0;
      border: pxTorem(2) solid #ff5a4b;
      border-radius: pxTorem(45);
      color: #ff5a4b;
      font-size: pxTorem(40);
      font-weight: 600;
    }

  }
  .load-bg{
    background: #5203d0 !important;
  }
  seed-infinite-scroll-content{
    .seed-infinite-loading,.seed-infinite-finished{
      background-color: #5203d0 !important;
    }
  }
  .seed-modal-dialog{
    z-index: 8 !important;
  }
  .haggle-share-bg{
    width: pxTorem(464);
    height: pxTorem(380);
    position: absolute;
    right: pxTorem(60);
    top: pxTorem(30);
    background: url(#{$images-path}/haggle/haggle_share.png) no-repeat center center/cover;;
  }

}


